﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/ProtalMain.Master"
    Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    首页
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div id="slider">
        <div id="icon_div">
            <ul>
                <li class="left">
                    <img src="Content/images/protal/s1.JPG" rel="0" style="cursor: pointer" class="BannerImg" /></li>
                <li class="right">Make Your Embedded Dreams Work</li>
            </ul>
            <ul>
                <li class="left">
                    <img src="Content/images/protal/s2.JPG" rel="1" style="cursor: pointer" class="BannerImg" /></li>
                <li class="right">Quality the Name of Product</li>
            </ul>
            <ul>
                <li class="left">
                    <img src="Content/images/protal/s3.JPG" rel="2" style="cursor: pointer" class="BannerImg" /></li>
                <li class="right">Ver satile Solutions for<br />
                    the Multimedia Age</li>
            </ul>
        </div>
    </div>
    <!-- End slider -->
    <div id="LabelPanel">
        <ul class="tabs">
            <li><a href="javascript:void(0)">INdustrial Computing
                <br />
                Solutions</a></li>
            <li><a href="javascript:void(0)">Multi-Media
                <br />
                Solutions</a></li>
            <li><a href="javascript:void(0)">Mobile Computing
                <br />
                Solutions</a></li>
            <li><a href="javascript:void(0)">Network and
                <br />
                Communication Solutions</a></li>
            <li><a href="javascript:void(0)" class="last">NEXCOM Video Center</a></li>
        </ul>
        <div class="panes">
            <div id="TabContent">
                <ul>
                    <li class="TitleLink"><a href="javascript:void(0)">Fanless Computer</a></li>
                    <li><a href="javascript:void(0)">EZ Controller</a></li>
                    <li><a href="javascript:void(0)">Healthcare Platform</a></li>
                    <li><a href="javascript:void(0)">High Performance Platform</a></li>
                    <li><a href="javascript:void(0)">Industrial Automation Platform</a></li>
                    <li><a href="javascript:void(0)">Mobile DVR Platform</a></li>
                    <li><a href="javascript:void(0)">Power-Efficient Platform</a></li>
                </ul>
                <ul>
                    <li class="TitleLink"><a href="javascript:void(0)">PICMG Single Board Computer</a></li>
                    <li><a href="javascript:void(0)">Passive Backplanes PICMG 1.3</a></li>
                    <li><a href="javascript:void(0)">Passive Backplanes PICMG 1.0</a></li>
                    <li><a href="javascript:void(0)">PBOX Series Rackmount Systems</a></li>
                    <li><a href="javascript:void(0)">PICMG 1.0</a></li>
                    <li><a href="javascript:void(0)">PICMG 1.3</a></li>
                </ul>
                <ul>
                    <li class="TitleLink"><a href="javascript:void(0)">Computer-On-Modules</a></li>
                    <li><a href="javascript:void(0)">COM Express</a></li>
                    <li><a href="javascript:void(0)">ETX</a></li>
                    <li><a href="javascript:void(0)"></a></li>
                    <li class="TitleLink"><a href="javascript:void(0)">Video Intelligent Surveillance</a></li>
                    <li><a href="javascript:void(0)">NViS Series</a></li>
                    <li><a href="javascript:void(0)"></a></li>
                </ul>
                <ul>
                    <li class="TitleLink"><a href="javascript:void(0)">Embedded Computing</a></li>
                    <li><a href="javascript:void(0)">3.5" CPU Boards</a></li>
                    <li><a href="javascript:void(0)">5.25" CPU Boards</a></li>
                    <li><a href="javascript:void(0)">Extended Temperature Solution</a></li>
                    <li><a href="javascript:void(0)">Industrial Mother Board</a></li>
                    <li><a href="javascript:void(0)"></a></li>
                    <li class="TitleLink"><a href="javascript:void(0)">Point of Service (POS)</a></li>
                </ul>
                <ul>
                    <li class="TitleLink TitleLinkImg"><a href="javascript:void(0)">Solution Demo</a></li>
                    <li><a href="javascript:void(0)">Industrial Automation Solutions</a></li>
                    <li><a href="javascript:void(0)">Intelligent Traffic Solutions</a></li>
                    <li><a href="javascript:void(0)">Self Service Platform Solutions</a></li>
                    <li><a href="javascript:void(0)">Medical Solutions</a></li>
                    <li><a href="javascript:void(0)">Applied Panel PC</a></li>
                    <li><a href="javascript:void(0)">PICMG Single Board Computer</a></li>
                </ul>
            </div>
            <!-- End LabelPanel-Tab-Content-01 -->
            <div>
                2</div>
            <div>
                3</div>
            <div>
                4</div>
            <div>
                5</div>
        </div>
    </div>
    <!-- End LabelPanel -->
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ScriptCssContent" runat="server">
<link rel="stylesheet" type="text/css" href="<%=Url.Content("~/Content/Protal/global-site.css")%>"
        media="screen" />
    <script type="text/javascript" language="javascript">
        jQuery(document).ready(function ($) {
            var bannerSlider = $('#slider');
            var bannerPics = ["Content/images/protal/banner01.jpg", "Content/images/protal/banner02.jpg", "Content/images/protal/banner03.jpg"]

            function BannerFadeIn(imgIndex) {
                bannerSlider.css('background', 'url("' + bannerPics[imgIndex] + '") center center no-repeat');
            }
            function GetRandomNum() {
                return Math.floor((bannerPics.length - 1 + 1) * Math.random() * 1);
            }
            function ActiveMiniImg(imgIndex) {
                $('#icon_div img[rel|="' + imgIndex + '"]').addClass('SilderMiniActive');
            }

            //random pic
            var radom = GetRandomNum();
            BannerFadeIn(radom);
            //active current pic
            ActiveMiniImg(radom);
            //banner mouseover
            $('.BannerImg').bind({
                'mouseover': function () {
                    var imgs = $('#icon_div img')
                    if (imgs.hasClass('SilderMiniActive')) {
                        imgs.removeClass('SilderMiniActive')
                    }
                    $(this).addClass('SilderMiniActive');
                    var index = $(this).attr('rel');
                    BannerFadeIn(index);
                }
            });

            //home tab
            $("ul.tabs").tabs("div.panes > div", { event: 'mouseover' });
        });
    </script>
</asp:Content>
